<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" href="img/favicon.png" />
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/font-awesome.min.css" />
	<link rel="stylesheet" href="css/responsive.css">
	<link rel="stylesheet" type="text/css" href="css/shop.css" />
	<link rel="stylesheet" type="text/css" href="css/detale.css" />
	<title>商品</title>
</head>

<body>
	<!--页头-->
	<header class="buddy-header">
		<div class="top-bar">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-6 col-xs-12">
						<ul class="n-menu">
							<li>
								<a href="account?act=0"><i class="fa fa-user"></i>我的账户</a>			
							</li>
						</ul>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12 text-center">
						<ul class="tp-right n-menu">
							<li class="first">
								<a href="login"><i class="fa fa-sign-in"></i>退出登录</a>
							</li>
							<li>|</li>
							<li>
								<a href="register"><i class="fa fa-sign-in"></i>注册</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<div class="logo-menu-sec">
			<div class="container">
				<div class="row">
					<div class="logo-sec">
						<div class="col-md-3 col-lg-3 col-sm-4 col-xs-12">
							<div class="logo">
								<a href="index" title=""><img src="img/logo.png" alt="" /></a>
							</div>
						</div>
						<div class="col-md-6 col-lg-5 col-sm-4 hidden-xs">
							<ul class="quick-prom">
								<li><i class="fa fa-phone"></i> <span>咨询电话 : <a href="#">100200300</a></span></li>
								<li class="hidden-sm"><i class="fa fa-envelope-o"></i><span>邮箱：<a href="#">mail@example.com</a></span></li>
							</ul>
						</div>
					<div class="col-md-3 col-lg-4 col-sm-4 col-xs-12">
						<div class="product-filter-form">
							<form method="post" action="shoplist?s=1" id="find">
								<input type="text" name="search" placeholder="搜索商品" />
								<button type="submit" id="searchbtn"><i class="fa fa-search"></i></button>
							</form>
						</div>
					</div>
					</div>
				</div>
			</div>
		</div>

		<div class="main-menu-area">
			<div class="container">
				<div class="row">
					<div class="col-md-10 col-sm-9 col-xs-12">
						<nav class="main-menu">
							<ul>
								<li class="active">
									<a href="index"> <i class="fa fa-home"></i>主页</a>
								</li>
								<li>
									<a href="shoplist?s=0">热卖鲜花</a>
									<div class="mega-menu common-mega ">
										<div class="col-md-3 col-sm-3">
											<div class="mega-menu-lists">
												<a title="" href="shoplist?lid=1&s=2"><span>生日祝福</span></a>
												<a title="" href="shoplist?lid=2&s=2">鲜花礼盒</a>
												<a title="" href="shoplist?lid=3&s=2">单支花朵</a>
												<a title="" href="shoplist?lid=4&s=2">一束鲜花</a>
												<a title="" href="shoplist?lid=5&s=2">创意花束</a>
											</div>
										</div>
										<div class="col-md-3 col-sm-3">
											<div class="mega-menu-lists">
												<a title="" href="shoplist?lid=6&s=2"><span>表白/纪念</span></a>
												<a title="" href="shoplist?lid=7&s=2">周年纪念</a>
												<a title="" href="shoplist?lid=8&s=2">初恋表白</a>
												<a title="" href="shoplist?lid=9&s=2">暗恋闻香</a>
												<a title="" href="shoplist?lid=10&s=2">友谊长存</a>
											</div>
										</div>
										<div class="col-md-3 col-sm-3">
											<div class="mega-menu-lists">
												<a title="" href="shoplist?lid=11&s=2"><span>节日祝福</span></a>
												<a title="" href="shoplist?lid=12&s=2">情人节</a>
												<a title="" href="shoplist?lid=13&s=2">圣诞节</a>
												<a title="" href="shoplist?lid=14&s=2">教师节</a>
												<a title="" href="shoplist?lid=15&s=2">儿童节</a>
											</div>
										</div>
										<div class="col-md-3 col-sm-3">
											<div class="mega-menu-lists">
												<a title="" href="shoplist?lid=16&s=2"><span>毕业典礼</span></a>
												<a title="" href="shoplist?lid=17&s=2">送师姐</a>
												<a title="" href="shoplist?lid=18&s=2">送师兄</a>
												<a title="" href="shoplist?lid=19&s=2">送老师</a>
												<a title="" href="shoplist?lid=20&s=2">送班级</a>
											</div>
										</div>
										<div class="mega-img">
											<a href="javascript:;"><img src="img/ad3.jpg" alt=""></a>
										</div>
									</div>

								</li>
								<li>
									<a href="shoplist?lid=1&s=2">鲜花爆款</a>
									<ul class="ddown">
										<li class="mega-menu-lists">
											<a href="shoplist?lid=1&s=2">玫瑰</a>
										</li>
										<li class="mega-menu-lists">
											<a href="shoplist?lid=2&s=2">向日葵</a>
										</li>
										<li class="mega-menu-lists">
											<a href="shoplist?lid=3&s=2">绣球</a>
										</li>
										<li class="mega-menu-lists">
											<a href="shoplist?lid=4&s=2">洋桔梗</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="video">视频教程</a>
									<ul class="ddown">
										<li class="mega-menu-lists">
											<a target="_blank" href="video">醒花教程</a>
										</li>
										<li class="mega-menu-lists">
											<a target="_blank" href="video">插花艺术</a>
										</li>
										<li class="mega-menu-lists">
											<a target="_blank" href="video">包扎教程</a>
										</li>
										<li class="mega-menu-lists">
											<a target="_blank" href="video">鲜花保养</a>
										</li>
									</ul>
								</li>

							</ul>

						</nav>

						<div class="mobile-menu-area">
							<nav id="mobile-menu">
								<ul>
									<li>
										<a href="index">主页</a>
									</li>
									<li>
										<a href="shoplist?lid=1&s=2">热卖鲜花</a>
										<ul>
											<li>
												<a href="shoplist?lid=1&s=2">生日祝福</a>
											</li>
											<li>
												<a href="shoplist?lid=1&s=2">表白/纪念</a>
											</li>
											<li>
												<a href="shoplist?lid=1&s=2">节日祝福</a>
											</li>
											<li>
												<a href="shoplist?lid=1&s=2">毕业典礼</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="shoplist?lid=1&s=2">鲜花爆款</a>
										<ul>
											<li class="#">
												<a href="shoplist?lid=1&s=2">玫瑰</a>
											</li>
											<li class="#">
												<a href="shoplist?lid=1&s=2">向日葵</a>
											</li>
											<li class="#">
												<a href="shoplist?lid=1&s=2">绣球</a>
											</li>
											<li class="#">
												<a href="shoplist?lid=1&s=2">洋桔梗</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="video">视频教程</a>
									</li>
									<li>
										<a href="javascript:;">联系我们</a>
									</li>
									<li>
										<a href="javascript:;">博客日志</a>
									</li>
								</ul>
							</nav>
						</div>

					</div>

					<div class="col-md-2 col-sm-3 hidden-xs">
						<div class="cart-wishlist">
							<ul>
								<li>
									<a href="cart?act=0">
										<div class="wish-list-inner">
											<div class="cart-icon">
												<i class="fa fa-shopping-cart" id="end"> </i>
											</div>
										</div>
									</a>
									<div class="ab">
										<div class="btn-mini-cart inline-lists">
											<a href="cart?act=0" class="button btn-viewcart">浏览购物车</a>
											<a href="checkout" class="button btn-checkout" title="Checkout">结账</a>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>	
	<!-- 主内容 -->
	<section class="theme">
		<div class="breadcumb-area">
			<div class="bread_main">
				<div class="bread_hading text-center">
					<h1>商品详情</h1>
				</div>
				<ol class="breadcrumb">
					<li class="home">
						<a href="index" title="go to home">home</a>
					</li>
					<li class="shop">
						<a href="shoplist?s=0">shop</a>
					</li>
					<li class="details">
						<a href="javacript:;">details</a>
					</li>
				</ol>
			</div>
		</div>
	</section>

	<section class="container">
		<div class="row">
			<div class="list-view col-lg-9 col-md-9 col-sm-12 col-xs-12 zz" >
				<div class="item-product item-product-list">
					<div class="row">
						<div class="col-sm-4 col-xs-12">
							<div class="item-product-thumb">
								<div class="small-box">
									<a class="mark" href="#"><img src="img/shop/${img }"></a>
									<div class="float-box" style="display: none; left: 104px; top: 104px;"></div>
								</div>
								<div class="big-box" style="display: none;">
									<img class="bigimg" src="img/shop/${img }" style="left: 2px; top: -98px;">
								</div>
							</div>
						</div>
						<div class="col-sm-8  col-xs-12">
							<div class="item-product-info2">
								<h3 class="product-info2-title"><a href="#">${title }</a></h3>
								<div class="ratting-review">
									<div class="order-number">
										<span>评分：${grade }</span>
									</div>
								</div>
								<div class="info-product-price">									
									<span>¥ ${price }</span>
									<del>¥ ${oldprice }</del>
									<label class="persale">${sale }折</label>
								</div>
								<div class="list-item-des">
									<span>${info }</span>
								</div>
								<div class="list-item-number">
									<label>数量:&nbsp;</label>
									 
									<input class="numb" type="number" value="1" min="1" max="${amount }" name="num" id = "shopnum">
									
								</div>
								<div class="product-extra-link">
									<span class="addCart btn" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="top" data-content="添加到购物车">
										<div class="btn-group" role="group">
                							<button class="btn btn-default btn-submit" style="background: rgba(0,0,0,0);color:#fff;" onclick="addCart2('${gid}',1)">加入购物车</button>
              							</div>
									</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="about-product">
					<div class="about-product-title">
						<div class="row">
							<div class="col-md-6 col-sm-8 col-xs-12">
								
								<ul class="tab_button">
									<li class="active">
										<a data-toggle="tab" title="" href="#about-detail" aria-expanded="true">商品详情</a>
									</li>
									<li>
										<a data-toggle="tab" title="" href="#about-evaluate" aria-expanded="false">商品评价</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					
					<div class="row">
						<div class="col-md-12 col-xs-12">
							<div class="tab-content">
								<div role="tabpanel" class="tab-pane fade tab-grid active in" id="about-detail">
									数据更新中···
									<p>鲜花买回来后，如不设法保鲜，很快就会蔫枯而失去观赏价值。下面介绍几种鲜切花保鲜的办法：</p>
									<p>灼焦法：把花枝的末端放在蜡烛火焰上烧焦后，立即放到酒精里浸一分钟，再放到清水中漂清。绣球、丁香、木香、芍药、月季、菊花、象牙红等均可用此法</p>
									<p>浸烫法：将花枝基部浸入沸水约十秒钟，起到阻塞切口，防止花枝组织中液汁外溢的</p>
									<p>深水急救法：鲜花垂头时，可剪去花枝末端一小段，再放到盛满冷水的容器中，仅留花头露于水面，经一至二小时，花枝就会苏醒过来。此法对草本、木本花卉均</p>
									<p>使用保鲜剂法：在插花的容器中加入适量的鲜花保鲜剂，能延长插花时间。此外，用三千分之一的阿司匹林水溶液或二千分之一的高锰酸钾水溶液插菖兰能延长花期三至五天，加适量的硼酸、硫磺、石碳酸、水杨酸、食盐、维生素等，均有延长花期的</p>
									<p>扩大切口法：一般将花枝基部斜切;或将基部剖成二至四份，嵌入小石粒撑开裂口;也可锤击裂基部，扩大吸水面。其中斜切法最为常用，后两种主要用于木本花卉，如玉兰、绣球、丁香</p>
									<p>杀菌法：在水中放入酒精、KMnO4、樟脑、硼酸、柠檬酸、盐、明矾等都可以起到杀菌作用，只有水不腐烂，植物才能吸水保鲜。注：一定配成溶液后再用，不可未经溶解直接放入水中，用盐时注意浓度不可</p>
									<p>营养法：鲜花从母体上剪切后，就失去了营养源，可加入糖、啤酒、阿司匹林、维生素C等各类营养</p>
									<p>喷体、注射法：对于许多茎中空的花卉，可把花脚部位放在水龙头下强行灌水模样。</p>
								</div>
								<div role="tabpanel" class="tab-pane fade tab-grid active" id="about-evaluate">
									<div class="pro-review-container">
									<c:forEach items="${clist }" var="list" varStatus="s">
										<div class="sin-pro-review " >
										  <div class="rev-image float-left" style="float: left;">
											<img src="img/comments/${ulist.get(s.index).getImgurl() }" alt="" />												
										  </div>
										  <div class="rev-content fix " >
											<div class="rev-head">
											  <h3>${ulist.get(s.index).getUname() }</h3>
											  <span>${list.getCtime() }</span>
											</div>
											<p >
											  ${list.getComment() }
											</p>
										  </div>
										</div>
	                                </c:forEach>
								</div>
							</div>
						</div>
					</div>
					
				</div>
				
			</div>
		</div>
		</div>
	</section>

	<!--页脚-->
	<div class="section-info pt55 pb55">
		<div class="parallax-bg">
			<div class="section-content">
				<div class="container">
					<div class="row">
						<div class="col-md-4 col-sm-6 col-xs-12">
							<a class="info-block" href="#"><i class="fa fa-truck"></i>
								<h3>免费送货</h3>
								<p>学校的每一个角落</p>
							</a>
						</div>
						<div class="col-md-4 col-sm-6 col-xs-12">
							<a class="info-block" href="#"><i class="fa fa-headphones"></i>
								<h3>支持定制</h3>
								<p>全天候24小时支持</p>
							</a>
						</div>
						<div class="col-md-4 col-sm-6 col-xs-12">
							<a class="info-block" href="#"><i class="fa fa-diamond"></i>
								<h3>高品质</h3>
								<p>拥有最好的品质和品牌</p>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer>
		<div class="footer-widgets-area pt55">
			<section class="block">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="content-box no-margin go-simple">
								<div class="row">
									<div class="col-md-3 col-sm-4 col-xs-12">
										<div class="widget about-widget">
											<div class="logo">
												<a href="index"><img alt="" src="img/logo.png"></a>
											</div>
											<p>你好，世界！</p>
											<ul>
												<li>
													<i class="fa fa-map-marker"></i> 广州南方学院
												</li>
												<li>
													<i class="fa fa-phone"></i> 110-0487 &nbsp;&nbsp;&nbsp; 119-04887
												</li>
											</ul>
										</div>
									</div>
									<div class="col-md-3 col-sm-4 col-xs-12">
										<div class="widget how-to-buy">
											<h3 class="heading2">服务</h3>
											<ul>
												<li>
													<a href="#" title="">联系我们</a>
												</li>
												<li>
													<a href="#" title="">礼品</a>
												</li>
												<li>
													<a href="#" title="">VIP</a>
												</li>
											</ul>
										</div>
									</div>
									<div class="col-md-3 hidden-sm col-xs-12">
										<div class="widget customer-services">
											<h3 class="heading2">信息</h3>
											<ul>
												<li>
													<a href="#" title="">关于我们的店铺</a>
												</li>
												<li>
													<a href="#" title="">安全购物</a>
												</li>
												<li>
													<a href="#" title="">隐私政策</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>
	</footer>

	<script src="js/jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery-3.1.1.min.js"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/jquery.meanmenu.js"></script>
	<script src="js/wow.min.js"></script>
	<script src="js/jquery.nivo.slider.pack.js"></script>
	<script src="js/plugins.js"></script>
	<script src="js/main.js"></script>
	<script src="js/details.js"></script>
	<script src="js/a.js"></script>
	

</body>

</html>